html,body{
    margin:0;
    padding:0;
}
div,h,p,span,nav,th,td,input,button{
    font-family: 'Menlo','微软雅黑','Microsoft YaHei UI';
}
.tool-background{
    height:50px;
    display:block;
}
.tool{
    border-bottom:1px solid #DDD;
    position:fixed;
    height:50px;
    left:0;
    right:0;
    top:0;
    background-color: white;
    z-index:100;
}
.inner-content{
    height:100%;
    padding:0 5px;
    position:relative;
}
button{
    border:1px solid #BBB;
    border-radius:4px;
    background-color:#FFF;
    height:30px;
    padding:5px;
}
button:hover{
    background-color:#DDD;
}
button:active{
    background-color:#DDD;
    box-shadow: 3px 3px 4px rgba(0,0,0,.5) inset;
}
.tool button{
    top:50%;
    margin-top:-15px;
    position:absolute;
}
.error-btn{
    color:#FFF;
    border:none;
    background-color: #e30010;
}
.error-btn:hover,
.error-btn:active{
    background-color: #c10010;
}
.success-btn{
    color:#FFF;
    border:none;
    background-color: #00c307;
}
.success-btn:hover,
.success-btn:active{
    background-color: #00a807;
}
.info-btn{
    color:#FFF;
    border:none;
    background-color: #0089e2;
}
.info-btn:hover,
.info-btn:active{
    background-color: #0070be;
}
.warn-btn{
    color:#FFF;
    border:none;
    background-color: #eaa60e;
}
.warn-btn:hover,
.warn-btn:active{
    background-color: #c1870d;
}